<div class="col-md-12">
    <section class="panel panel-default">
        <div class="panel-heading">
            <!--<h5>播放计划列表</h5>-->
            <div class="panel-search form-inline" >
                <div class="input-group">
                    <span class="input-group-addon" ng-model="vm.queryParams.planName">计划名称：</span>
                    <input class="form-control" style="float:left;width:200px" ng-model="vm.queryParams.planName" ui-keydown="{'enter': 'vm.search()'}" placeholder="">
                </div>
                <div class="input-group btn-group" style="float: right;" >
                    <a class="btn btn-primary" ng-disabled="admin.isAdmin" ng-click="vm.add()">
                        <i class="fa fa-fw fa-plus"></i>添加
                    </a>
                </div>
                <div class="input-group" style="float: right;margin-right: 10px;">
                    <button type="button" class="btn btn-primary" ng-click="vm.search()">
                        <i class="fa fa-fw fa-search"></i>查询
                    </button>
                </div>
            </div>
        </div>
        <table class="am-fade-and-scale table table-hover" >
            <thead>
            <tr>
                <th style="width: 45%;" ng-click="vm.sorter.reorder('planName')">
                    计划名称<i class="text-info fa fa-fw" ng-show="vm.sorter.order === 'planName'" ng-class="{'fa-sort-down': vm.sorter.reverse, 'fa-sort-up': !vm.sorter.reverse}"></i>
                </th>
                <th style="width: 20%;" ng-click="vm.sorter.reorder('videoNum')">
                    视频数量<i class="text-info fa fa-fw" ng-show="vm.sorter.order === 'videoNum'" ng-class="{'fa-sort-down': vm.sorter.reverse, 'fa-sort-up': !vm.sorter.reverse}"></i>
                </th>
                <th style="width: 20%;" ng-click="vm.sorter.reorder('groupNum')">
                    分组数量<i class="text-info fa fa-fw" ng-show="vm.sorter.order === 'groupNum'" ng-class="{'fa-sort-down': vm.sorter.reverse, 'fa-sort-up': !vm.sorter.reverse}"></i>
                </th>
                <th style="width: 15%;">操作</th>
            </tr>
            </thead>
            <tbody class="text-muted">
            <!--<tr ng-if="vm.isEmpty">-->
            <!--<td class="alert alert-warning text-center">-->
            <!--<i class="fa fa-fw fa-exclamation-triangle"></i>没有任何数据-->
            <!--</td>-->
            <!--</tr>-->
            <tr ng-repeat="playplan in vm.playplans | orderBy : vm.sorter.order : vm.sorter.reverse track by $index">
                <!--<td class="grid-3" ng-bind=":: $index+1 | readable"></td>-->
                <td ng-bind="::playplan.planName | readable"></td>
                <td ng-bind="::playplan.videoNum | readable"></td>
                <td ng-bind="::playplan.groupNum | readable"></td>
                <td>
                    <a ng-click="vm.detail(playplan)">详情</a> |
                    <a ng-click="vm.update(playplan)">修改名称</a> |
                    <a ng-click="vm.delete(playplan)">删除</a>
                </td>
            </tr>
            </tbody>
        </table>

        <!-- 页面分页信息 -->
        <div class="panel-footer text-center">
            <uib-pagination class="pagination-sm" ng-model="vm.queryParams.page" ng-change="vm.search()" total-items="vm.totalItems" max-size="vm.queryParams.size"></uib-pagination>
            <!--<small class="pagination-meta text-muted">
                {{vm.queryParams.page}}／{{vm.totalPages}} 页－{{vm.totalItems}} 项
            </small>-->
        </div>

    </section>
</div>

<div>
    <script type="text/ng-template" id="deletePlayPlanContent.html">
        <div class="modal-header">
            <h4 class="modal-title">是否确认删除播放计划?</h4>
        </div>

        <div class="modal-footer">
            <button class="btn btn-primary" type="button" ng-click="ok()">确认</button>
            <button class="btn btn-warning" type="button" ng-click="cancel()">取消</button>
        </div>
    </script>

</div>